#page{
  height: 100%;background: #fff;overflow: scroll;padding: 10px 15px;display: flex;flex-direction: column;
}
.user-box{
  padding-top: 15px;display: flex;align-items: flex-start;justify-content: flex-start;flex: 1;
  >.avatar{
    width: 300px;display: flex;align-items: center;justify-content: flex-start;flex-direction: column;padding-top: 100px;height: 100%;
    border-right: 2px solid#f5f7f9;
    .userName{
      font-size: 24px;padding-top: 5px;
    }
    .email{
      padding-top: 5px;font-style: italic;font-size: 14px;color: #554f4f;
    }
    >p{
      margin: 0;
    }
  }
  >.detail{
    >.list{
      padding: 10px 0;padding-left: 30px;display: flex;align-items: center;margin: 0!important;font-size:17px;
      >.title{
        display: flex;align-items: center;
      }
      .c-icon{
        color: #409eff;margin-right: 5px;font-size: 16px;
      }
    }
  }
}
